﻿<?xml version="1.0" encoding="utf-8"?>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
		<title>Reformator reformator_control</title>
		<link href="/resources/css/editor.css" rel="stylesheet" type="text/css" />
		<link href="/resources/css/sidebar.css" rel="stylesheet" type="text/css" />
	</head>
	<body>
		<div id="layout">
			<div id="header">
				<ul class="buttons">
					<li><a href="#clear" class="button with_icon"><ins class="clear_icon icon"><ins></ins></ins>Clean HTML</a></li>
					<li><a href="#typograph" class="button with_icon"><ins class="typograph_icon icon"><ins></ins></ins>To typo</a></li>
				</ul>
			</div>
			<div id="content">
				<div id="content_reducer">
					<div class="reducer">
						<ul class="format_group">
							<li><a href="#format p"><span class="p">Common para</span></a></li>
							<li><a href="#format div"><span class="div">Layer</span></a></li>
							<li><h1><a href="#format h1">Title</a></h1></li>
							<li><h2><a href="#format h2">Title</a></h2></li>
							<li><h3><a href="#format h3">Title</a></h3></li>
							<li><a href="#format p.before_list"><span class="p">Before list:</span></a></li>
							<li><a href="#format ul" class="with_icon"><ins class="unordered_list_icon icon"><ins></ins></ins>ul</a></li>
							<li><a href="#format ol" class="with_icon"><ins class="ordered_list_icon icon"><ins></ins></ins>ol</a></li>
							<li class="disabled"><a href="#format li li" class="with_icon"><ins class="sublist_icon icon"><ins></ins></ins>Sub list</a></li>
							<li><a href="#format blockquote"><span class="blockquote">Q</span></a></li>
							<li><a href="#format address"><span class="address">Address</span></a></li>
							<li><a href="#format div.comment"><span class="comment">Comment</span></a></li>
							<li><a href="#format div.incut"><span class="incut">Cutted</span></a></li>
						</ul>
						<ul class="format_group">
							<li><a href="#format span" class="span">Span</a></li>
							<li><a href="#format a[href]" class="hyperlink" title="Адрес">Link</a></li>
							<li><a href="#format a[name]" class="anchor" title="ID">Anchor</a></li>
							<li><a href="#format strong"><strong>Selected</strong></a></li>
							<li><a href="#format em"><em>Selected</em></a></li>
							<li><a href="#format sup">X<sup>x</sup></a> <a href="#format sub">X<sub>x</sub></a></li>
							<li><a href="#format nobr"><span class="nobr">Unbreakable</span></a></li>
							<li><a href="#format nobr.phone"><span class="nobr phone">Tel</span></a></li>
						</ul>
						<ul class="format_group">
							<li><a href="#format table">Table</a></li>
							<li>
								<table>
									<tr>
										<th><a href="#format table tr > th">Header cell</a></th>
									</tr>
								</table>
							</li>
							<li class="cells">
								<span>Align:</span>
								<a href="#format table tr > .a_m" title="По середине"><span class="icon a_m"><i>&darr;</i><i>&uarr;</i></span>
								<a href="#format table tr > .a_b" title="По нижнему краю"><span class="icon a_b">&darr;</span></a>
								<a href="#format table tr > .a_c" title="По центру"><span class="icon a_c">&harr;</span>
								<a href="#format table tr > .a_r" title="По правому краю"><span class="icon a_r">&rarr;</span></a>
							</li>
							<li class="cells">
								<span>Borders:</span>
								<a href="#format table tr > .b_b" title="Рамка снизу"><span class="icon b_b"></span></a>
								<a href="#format table tr > .b_r" title="Рамка справа"><span class="icon b_r"></span></a>
							</li>
							<li class="text">Add row<br />
								&nbsp;<a href="#format table tr > * append_row_after" class="pseudo with_icon"><ins class="append_row_after_icon icon"><ins></ins></ins>bottom</a>
								or <a href="#format table tr > * append_row_before" class="pseudo with_icon"><ins class="append_row_before_icon icon"><ins></ins></ins>top</a>
							</li>
							<li class="text">Add column<br />
								&nbsp;<a href="#format table tr > * append_column_before" class="pseudo with_icon"><ins class="append_column_before_icon icon"><ins></ins></ins>left</a>
								or  <a href="#format table tr > * append_column_after" class="pseudo with_icon"><ins class="append_column_after_icon icon"><ins></ins></ins>right</a>
							</li>
							<li class="text">Merge with&nbsp;cell<br />
								&nbsp;<a href="#format table tr > * join_bottom" class="pseudo with_icon"><ins class="join_bottom_icon icon"><ins></ins></ins>bottom</a>
								or <a href="#format table tr > * join_right" class="pseudo with_icon"><ins class="join_right_icon icon"><ins></ins></ins>right</a>
							</li>
							<li class="text">Break to&nbsp;<a href="#format table tr > * split" class="pseudo with_icon"><ins class="split_icon icon"><ins></ins></ins>cell</a></li>
							<li class="text">Remove<br />
								&nbsp;<a href="#format table tr > * remove_row" class="pseudo with_icon"><ins class="remove_row_icon icon"><ins></ins></ins>row</a>
								or <a href="#format table tr > * remove_column" class="pseudo with_icon"><ins class="remove_column_icon icon"><ins></ins></ins>column</a>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<div id="footer">
				<ul class="buttons">
					<li><a href="#maximize" class="button" title="Ctrl + Alt + Enter">Full screen</a></li>
					<li><a href="#source" class="button" title="Ctrl + Alt + U">Source HTML</a></li>
					<li><a href="#autoformat" class="button">Autoformat</a></li>
				</ul>
			</div>
		</div>
		<a href="#bar" id="switcher"><span class="hide" title="Hide"></span><span class="show" title="Show"></span></a>
		<script type="text/javascript">
			if(parent && parent.reformator){
				parent.reformator.control.auto({element: document.body});
			}
		</script>
	</body>
</html>
